새로운 translateExt 번역 package가 생겼다!

사용 방법

  • ts code에 providers에 이렇게 추가해주면 된다.

    @Component({
      selector: 'mp-paper-upload',
      templateUrl: './paper-upload.component.html',
      styleUrls: [ './paper-upload.component.scss' ],
      providers: [ setTranslatePrefix('mp-paper-upload') ]
    })
  • template file에 원하는 translateExt pipe를 통해 원하는 번역 데이터를 불러온다

    <h2>{{ 'paper-upload' | translateExt }}</h2>

기존의 translate과의 비교

<h2>{{ '**kokomu-paper-upload.**paper-upload' | translateExt }}</h2>

<h2>{{ 'paper-upload' | translateExt }}</h2>

⇒ prefix의 중복이 없어졌다!! tscode에서 prefix 부분만 수정해주면 template의 모든 코드를 수정할 필요없이 바로 사용할 수 있는 이점이 생겼다


Written by@[Ju Chan Hwang]
JUlog에 오신걸 환영합니다🤗 저에 대해 궁금하다면, 👆제 이름을 눌러보세요

GitHubFacebook